<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>飞马云监控平台-单屏</title>

	<link rel="stylesheet" type="text/css" href="/css/vendor/sub-screen.css">
</head>
<body>
<!-- 地图显示块 -->
<div style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;">
	<div id="google-map-container" style="position: relative; width: 100%; height: 100%;"></div>
    <div class="user-info-wrap" style="visibility: hidden;">
        <img class="user-icon" src=<?=$userIcon ?>>
        <table class="user-info">
            <tr>
                <th class="key">用户名：</th>
                <td class="value"><?=$userInfo["nickname"] ?></td>
            </tr>
            <tr>
                <th class="key">手机号：</th>
                <td class="value"><?=$userInfo["phone"] ?></td>
            </tr>
            <tr>
                <th class="key">飞机序列号：</th>
                <td class="value"><?=$uasSerialId ?></td>
            </tr>
        </table>
    </div>
</div>

<!-- 任务信息 -->
<div id="mission-info-container">
	<!-- 底部状态栏 -->
	<div class="status-container">
		<section class="value" style="color: #24d06d;" id="real-air-speed">0</section>
		<section class="name">&nbsp;&nbsp;速度m/s</section>
		<section class="value" style="width: 100%; color: #00bcfb;" id="real-altitude">0</section>
		<section class="name" style="width: 100%;">飞行高度m</section>
		<section class="value" style="color: #ff6602; right: 0px;" id="real-smart-battery" >0</section>
		<section class="name" style="right: 0px;">&nbsp;剩余电量%</section>
	</div>

	<!-- 测区任务名 -->
	<div class="mission-name-container">
		<div id="mission-name-content" style="visibility: hidden; width: 100%; height: 100%;">
			<img id="mission-index-icon" src="/images/stat/num_1.png">
			<label class="mission-name" id="mission-name"></label>
            <div class="mission-location-wrap">
                <div class="icon"></div>
                <div class="mission-location"><?=$location ?></div>
            </div>
		</div>
	</div>
</div>

<div class="watermark" style="visibility: hidden;"></div>
<div id="respond-page"  style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;"></div>
<div style="display:none;">
	<div id="mission-detail"><?=$missionDetail ?></div>
	<input type="hidden" id="socket" value="<?=$socket?>">
</div>
</body>

<!-- 加载JS脚本 -->
<script src="/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="http://maps.google.cn/maps/api/js?key=AIzaSyDOMhmWUde8faeEPDk1_OamryGNdBCzXEc"></script>
<script type="text/javascript" src="/js/vendor/common.js"></script>
<script type="text/javascript" src="/js/vendor/transform.js"></script>
<script type="text/javascript" src="/js/vendor/google-map-manager.js"></script>
<script type="text/javascript" src="/js/vendor/cloudplay/cloud-play-common.js"></script>
<script type="text/javascript" src="/js/vendor/statistics/sub-screen.js"></script>
<script type="text/javascript" src="/js/vendor/statistics/realtime.js"></script>
</html>










